<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $title; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<!-- styles -->
<link href="<?php echo base_url()?>webroot/css/bootstrap.css" rel="stylesheet">
<link href="<?php echo base_url()?>webroot/css/bootstrap-responsive.css" rel="stylesheet">
<link href="<?php echo base_url()?>webroot/css/docs.css" rel="stylesheet">
<link href="<?php echo base_url()?>webroot/css/prettyPhoto.css" rel="stylesheet">
<link href="<?php echo base_url()?>webroot/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="<?php echo base_url()?>webroot/css/flexslider.css" rel="stylesheet">
<link href="<?php echo base_url()?>webroot/css/style.css" rel="stylesheet">
<link href="<?php echo base_url()?>webroot/color/success.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="<?php echo base_url()?>webroot/js/jquery-1.8.2.min.js"></script>
<script src="<?php echo base_url()?>webroot/js/jquery.easing.1.3.js"></script>
<script src="<?php echo base_url()?>webroot/js/google-code-prettify/prettify.js"></script>
<script src="<?php echo base_url()?>webroot/js/modernizr.js"></script>
<script src="<?php echo base_url()?>webroot/js/bootstrap.js"></script>
<script src="<?php echo base_url()?>webroot/js/jquery.elastislide.js"></script>
<script src="<?php echo base_url()?>webroot/js/jquery.flexslider.js"></script>
<script src="<?php echo base_url()?>webroot/js/jquery.tweet.js"></script>
<script src="<?php echo base_url()?>webroot/js/jquery.prettyPhoto.js"></script>
<script src="<?php echo base_url()?>webroot/js/application.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="selectivizr.js"></script>
<![endif]-->
<!-- Portfolio hover -->
<script src="<?php echo base_url()?>webroot/js/hover/jquery-hover-effect.js"></script>
<script src="<?php echo base_url()?>webroot/js/hover/setting.js"></script>
<script src="<?php echo base_url()?>webroot/js/custom.js"></script>
<script type="text/javascript">
      var flashvars = {};
      flashvars.cssSource = "piecemaker.css";
      flashvars.xmlSource = "piecemaker.xml";
        
      var params = {};
      params.play = "true";
      params.menu = "false";
      params.scale = "showall";
      params.wmode = "transparent";
      params.allowfullscreen = "true";
      params.allowscriptaccess = "always";
      params.allownetworking = "all";
      
      swfobject.embedSWF('piecemaker.swf', 'piecemaker', '1000', '600', '10', null, flashvars,    
      params, null);
    
    </script>
<!-- fav and touch icons -->
<link rel="shortcut icon" href="<?php echo base_url()?>webroot/ico/favicon.ico">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo base_url()?>webroot/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo base_url()?>webroot/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo base_url()?>webroot/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="<?php echo base_url()?>webroot/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<?php $this->load->view("elements/web/header.ctp");?>
<?php $this->load->view("elements/web/flexslider.ctp");?>
<div class="container">

</div>
<!-- end tagline -->
<section id="maincontent">
<div class="container">
    <?php echo $content_for_layout ;// các file view được nạp vào layout?>
</div>
</section>
<!-- Footer
================================================== -->
<?php $this->load->view("elements/web/footer.ctp");?>
<script>
(function(){
// Append a close trigger for each block
$('.box-tile .content').append('<span class="close">x</span>');
// Show window
function showContent(elem){
hideContent();
elem.find('.content').addClass('expanded');
elem.addClass('cover');
}
// Reset all
function hideContent(){
$('.box-tile  .content').removeClass('expanded');
$('.box-tile  li').removeClass('cover');
}
// When a li is clicked, show its content window and position it above all
$('.box-tile  li').click(function() {
showContent($(this));
});
// When tabbing, show its content window using ENTER key
$('.box-tile  li').keypress(function(e) {
if (e.keyCode == 13) {
showContent($(this));
}
});
// When right upper close element is clicked  - reset all
$('.box-tile  .close').click(function(e) {
e.stopPropagation();
hideContent();
});
// Also, when ESC key is pressed - reset all
$(document).keyup(function(e) {
if (e.keyCode == 27) {
hideContent();
}
});
})();
</script>
</body>
</html>
